<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/12/2
  Time: 19:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>前台首页</title>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/plugins.css">
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/main.css">
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css">
	<link href="${pageContext.request.contextPath}/css/base.css" rel="stylesheet">
	<link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet">
	<style type="text/css">
		body {
			background: #F5F5F5;
		}

		ul.dropdown-menu {
			background: black;
		}

		ul.dropdown-menu li a {
			color: white;
		}

		.item img {
			margin: 0 auto;
		}

		.carousel {
			position: relative;
			top: 10px;
		}

		.navbar-fixed-top {
			top: 0;
			border-width: 0 0 1px;
			right: 15px;
			left: 15px;
		}

		.ph {
			position: relative;
			bottom: 10px;
			box-shadow: 0px 2px 2px 0px #CCC;
		}

		.tab1 {
			position: relative;
			top: 200px;
		}

		.tab2 {
			position: relative;
			bottom: 80px;
			right: 90px;
		}

		.tab3 {
			position: relative;
			left: 50px;
		}

		.tab8 {
			position: relative;
			top: 70px;
			right: 90px;
		}
		.tab9{
			position: relative;
			top: 70px;
			right: 90px;
		}
		.tab11{
			position: relative;
			top: 140px;
		}
		.tab12{
			position: relative;
			top: 140px;
			right: 90px;
		}

		.foot {
			position: relative;
			top: 500px;
			background: #222222;
		}
		.jumbotron{
			background:#93B69C;
			height: 320px;
		}
		.ndiv{
			position: relative;
			left: 280px;
			top: 75px;
		}
		.hh{
			color: white;
		}
		.pp{
			color: white;
		}
		ul.dropdown-menu li a {
			color: white;
		}
		.tab1 {
			position: relative;
			top: 200px;
			left: 40px;
		}

		.login {
			width: 400px;
			padding: 35px;
			position: absolute;
			left: 50%;
			top: 50%;

			transform: translateX(-50%) translateY(-50%);
			background: rgba(255, 255, 255, 0.5);

		}

		.login h3 {
			margin-bottom: 30px;
		}
		.registerdiv{
			position: relative;
			top: 10px;
		}
		.youdiv{
			position: relative;
			top: 20px;
		}
		/*.tab2{
			position: relative;
			top: 200px;
		}*/
	</style>
</head>

<body>
<div class="container-fluid">
	<!--导航条begin-->
	<div role="navigation" class="navbar navbar-default navbar-fixed-top" role="navigation" id="menu-nav">
		<div class="container">
			<div class="navbar-header">

				<a class="navbar-brand" href="#">凡一个人博客</a>
			</div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li class="active">
						<a href="${pageContext.request.contextPath}/">首页</a>
					</li>
					<li>
						<a href="${pageContext.request.contextPath}/admin/showArticleView">文章</a>
					</li>
					<li>
						<a href="${pageContext.request.contextPath}/admin/aboutFyiView">关于我</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">MORE <span class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li>
								<a href="#feature-tab" data-tab="tab-chrome">随笔</a>
							</li>
							<li>
								<a href="#feature-tab" data-tab="tab-safari">心得笔记</a>
							</li>
							<li>
								<a href="${pageContext.request.contextPath}/message/userMassageView" data-tab="tab-opera">给我留言</a>
							</li>
							<li>
								<a href="${pageContext.request.contextPath}/admin/superAdminLoginView">登录后台</a>
							</li>
							<li>
								<a href="${pageContext.request.contextPath}/" data-tab="tab-ie">log out</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="${pageContext.request.contextPath}/admin/technicalExchangeView">技术交流</a>
					</li>
					<li>
						<a href="#" data-toggle="modal" data-target="#about-modal">项目合作</a>
					</li>
				</ul>
				<form class="navbar-form navbar-right">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="暂未实现">
					</div>
					<button type="submit" class="btn btn-default">搜索</button>
				</form>

				<!--<button type="button" class="btn btn-danger navbar-btn">
                    <span class="glyphicon glyphicon-off"></span> 退出登录
            </button>-->
			</div>
		</div>
	</div>
	<!--导航条end-->
	<!--巨幕begin-->
	<div class="jumbotron">
		<div class="ndiv">
			<h2 class="hh">烧不尽的野火，勇敢面对生活</h2>
			<p class="pp">欲望在满溢 无法再去遮蔽 不用和我讲生存的道理 眼泪才是真谛 没有人想当蝼蚁......</p>
		</div>
		<%--				<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>--%>
	</div>
	<!--巨幕end-->
	<!--内容部分begin-->
	<div class="ph">
		<%--<div>
			<h1 align="center">Hello! welcome to fyi blog</h1>
		</div>--%>
		<%--<div>
            <h2 align="center">MOTTO</h2>
            <p align="center">没有收拾残局的能力，就别放纵善变的情绪。有时候，我们活得累，并非生活过于刻薄，而是我们太容易被外界的氛围所感染，被他人的情绪所左右。别把窘境迁怒于别人，唯一可以抱怨的，只是不够努力的自己。</p>
        </div>--%>
	</div>

	<div class="tab1">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-sm-6 tab2-img tab2">
					<img src="${pageContext.request.contextPath}/images/item-3.jpg" class="auto img-responsive center-block" alt="">
				</div>
				<div class="tab1">
					<div class="container">
						<div class="row">
							<div class="col-md-6 col-sm-6 tab2-img tab2">
								<div class="login">
									<h3 class="text-center text-muted">欢迎进入凡一博客园</h3>
									<div class="logindiv">
										<form class="form-horizontal" method="post" action="${pageContext.request.contextPath}/user/loginView">
											<button type="submit" class="btn btn-info btn-block btn-lg">登录</button>
										</form>
									</div>
									<div class="registerdiv">
										<form class="form-horizontal" method="post" action="${pageContext.request.contextPath}/user/registerView">
											<button type="submit" class="btn btn-info btn-block btn-lg">注册</button>
										</form>
									</div>
								</div>
							</div>
							<div class="text col-md-6 col-sm-6 center-block tab3">

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="tab4">
			<div class="container">
				<div class="row">
					<div class="text col-md-6 col-sm-6 center-block tab5">
						<h1 align="center">从不同角度看世界</h1>
						<h4 align="center">目前依旧有很多的不足之处，欢迎各路码农给予修改建议</h4>
					</div>
					<div class="col-md-6 col-sm-6 tab2-img tab6">
						<img src="${pageContext.request.contextPath}/images/jm1.jpg" class="auto img-responsive center-block" alt="">
					</div>

				</div>
			</div>
		</div>

		<div class="tab7">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 tab2-img tab8">
						<img src="${pageContext.request.contextPath}/images/jm2.jpg" class="auto img-responsive center-block" alt="">
					</div>
					<div class="text col-md-6 col-sm-6 center-block tab9">
						<h1 align="center">从不同角度看世界</h1>
						<h4 align="center">目前依旧有很多的不足之处，欢迎各路码农给予修改建议</h4>
					</div>
				</div>
			</div>
		</div>

		<div class="tab10">
			<div class="container">
				<div class="row">
					<div class="text col-md-6 col-sm-6 center-block tab11">
						<h1 align="center">新的一年，新的故事</h1>
						<h4 align="center">目前依旧有很多的不足之处，欢迎各路码农给予修改建议</h4>
					</div>
					<div class="col-md-6 col-sm-6 tab2-img tab12">
						<img src="${pageContext.request.contextPath}/images/lb1.jpg" class="auto img-responsive center-block" alt="">
					</div>
				</div>
			</div>
		</div>

	</div>

	<!--内容部分end-->
</div>
<!--页脚begin-->
<div class="foot">
	<footer id="footer">
		<div class="container">
			<p>凡一博客 | 合作事宜 | 版权投诉</p>
			<p>鄂ICP 备01240520. © 2018-2019 FYI IT凡一. Powered by Bootstrap.</p>
		</div>
	</footer>
</div>
<!--页脚end-->
</body>
<script src="${pageContext.request.contextPath}/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>-->
<script src="${pageContext.request.contextPath}/backstatic/js/waves.js"></script>
</html>